var PaikeOSDetailTab = "";
var PaikeValueTypes = new Array("播放数(VV)", "使用设备数(UV)", "页面访问量(PV)", "新增设备数(NU)", "注册用户数(NR)", "成功上传量(SU)", "", "VV/UV");
function loadPaikeOSDetail(data) {
	loadPaikeData(data, 'PaikeOSDetailStartDate', 'PaikeOSDetailEndDate');
	if(data.items.length > 0) {
		$(".tab-content").show();	
		genPaikeOSDetailTab();
		genDetailTable("PaikeOSDetailTable", PaikeValueTypes, dateArr, detailArr, 0, 1);
		genDetailLineChart("PaikeOSDetailLine",osArr[0]+"趋势图", dateArr, PaikeValueTypes, detailArr, 0, $("#PaikeOSDetailStartDate").val().replace(/\//g, "-") + " 至 " + $("#PaikeOSDetailEndDate").val().replace(/\//g, "-"));
		changeChartType('PaikeOSDetail', 'Line');
	//	$("#PaikeOSDetailLineTab").addClass("selbitem");
		$(".bitem").removeClass("selbitem");
		$("#PaikeOSDetailTab0").addClass("selbitem");	
	}
	else {
		$(".tab-content").hide();	
	}


	jQuery('#body-wrapper').hideLoading();
}

function genPaikeOSDetailTab() {
	PaikeOSDetailTab = ""; 

	$.each(osArr, function(l, os) {
		if (l == 0)
			PaikeOSDetailTab += "<div id=\"PaikeOSDetailTab"+ l +"\" onclick=\"changePaikeOSDetailType("+ l +")\" class=\"bitem selbitem\">"+os+"</div>";
		else
			PaikeOSDetailTab += "<div id=\"PaikeOSDetailTab"+ l +"\" onclick=\"changePaikeOSDetailType("+ l +")\" class=\"bitem\">"+os+"</div>";
	});
	
	$("#PaikeOSDetailTab").html(PaikeOSDetailTab);
}

function changePaikeOSDetailType(typeValue) {
	genDetailTable("PaikeOSDetailTable", PaikeValueTypes, dateArr, detailArr, typeValue, 1);
	genDetailLineChart("PaikeOSDetailLine", osArr[typeValue]+"趋势图", dateArr, PaikeValueTypes, detailArr, typeValue, $("#PaikeOSDetailStartDate").val().replace(/\//g, "-") + " 至 " + $("#PaikeOSDetailEndDate").val().replace(/\//g, "-"));	
	$(".selbitem").removeClass("selbitem");
	$("#PaikeOSDetailTab"+typeValue).addClass("selbitem");		
	changeChartType('PaikeOSDetail', 'Line');
}